layui.use(['form','jquery','table'], function () {
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        $ = layui.jquery;

    /**
     * 监听表单的submit事件
     *      实现读者信息的添加与更新
     */
    form.on("submit(saveBtn)", function (data) {
        // 提交数据时的加载层 （https://layer.layui.com/）
        var index = layer.msg("数据提交中,请稍后...",{
            icon: 16, // 图标
            time: false, // 不关闭
            shade: 0.8 // 设置遮罩的透明度
        });
        // 发送ajax请求
        // 请求的地址
        var url = ctx+'/add';  // 添加操作

        //通过Id判断当前需要执行的是添加操作还是修改操作
        // 如果Id为空，表示执行添加操作，如果不为空，表示执行修改操作
        //通过获取隐藏域中的id
        var readerId = $("[name='id']").val();
        //判断id是否为空
        if(null != readerId && readerId != ''){
            // 请求的地址
            var url = ctx+'/update';  // 修改操作
        }

        $.post(url,data.field,function (result){
            // 判断操作结果   code=200 ：代表成功，
            if(result.code == 200){
                // 成功
                // 提示成功
                layer.msg("操作成功！",{icon:6});
                // 关闭加载层
                layer.close(index);
                // 关闭弹出层
                layer.closeAll("iframe");
                // 刷新父窗口，重新加载数据
                parent.location.reload();
            }else {
                // 失败
                layer.msg(result.msg,{icon:5});
            }
        });
        // 阻止表单提交
        return false;

    })

    /* 关闭当前弹出层 */
    $("#calcelBtn").click(function (){
        // 在iframe页面关闭自身时使用
        // 先得到当前iframe层的索引
        var index = parent.layer.getFrameIndex(window.name);
        // 在执行关闭
        parent.layer.close(index);
    });

})